<template>
  <el-affix>
  <div style="height: 50px; line-height: 50px;border-bottom: 1px solid #ccc; display: flex;background-color: white">
    <div style="width: 200px;font-weight: bold;padding-left: 30px;font-size: 20px;color: darkslategray">超市管理系统</div>
    <div style="flex: 1"></div>
    <div style="font-weight: bold;display: flex;text-align: center; align-items: center;padding-right: 30px">
      <el-button type="primary" :icon="FullScreen" @click="scan(scanUrl)">扫一扫</el-button>
    </div>
    <div style="font-weight: bold;color: darkslategray;display: flex;text-align: center; align-items: center;padding-right: 30px">
      <Dropdown></Dropdown>
    </div>
  </div>
    </el-affix>
</template>

<script>
import Dropdown from "@/components/header/Dropdown";
import store from "@/store";
export default {

  // eslint-disable-next-line vue/multi-word-component-names
  name: "Header",
  components: {Dropdown},
  data(){
    return{
      scanUrl:'/sms/scan'
    }
  },

  methods:{
    scan(url){
      this.$router.push(url)
    }
  }
}
</script>
<script setup>
import { FullScreen } from '@element-plus/icons-vue'
</script>




